<template>
  <footer :class="pcOrWx?'footerPhone':''">
    <div class="w tc">
      <p>Copyright&nbsp;&nbsp;   ©2012-2017 武汉康护医疗科技有限公司&nbsp;&nbsp;版权所有</p>
      <p>服务热线：<span>027-86698530</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;E-mail：81644348@qq.com</p>
    </div>
  </footer>
</template>

<script>
  import {mapState, mapActions} from "vuex";

  export default {
    name: "footers",
    computed: {
      ...mapState({
        pcOrWx: (state) => state.config.PC_OR_WX,
      })
    },
  }
</script>

<style scoped lang="less">
  footer{
    height: 104px;
    background-color: #4bb2df;
    font-size: 14px;
    color: #fff;
    p{
      line-height: 70px;
      span{
        letter-spacing: 4px;
      }
    }
    p:nth-of-type(2){
      line-height: 0;
    }
  }

  .footerPhone{
    font-size: 10px;
    height: 52px;
    p{
      line-height: 35px;
      span{
        letter-spacing: 0;
      }
    }
  }

</style>
